<h1 class="heading-header-1">Heading Header 1</h1>
<h1 class="heading-header-2">Heading Header 2</h1>

You can customize with SASS Map $heading-header-font-sizes and 2 variable $heading-header-font-weight dan $heading-header-line-height

$heading-header-font-sizes: (
  1: 60px,
  2: 39px,
);

$heading-header-font-weight: $font-weight-semiBold;
$heading-header-line-height: 1.3;

<h1 class="heading-section-1">Heading Section 1</h1>
<h1 class="heading-section-2">Heading Section 2</h1>
<h1 class="heading-section-3">Heading Section 3</h1>
<h1 class="heading-section-4">Heading Section 4</h1>

You can customize with SASS Map $heading-section-font-sizes and 2 variable $heading-section-font-weight and $heading-section-line-height

$heading-section-font-sizes: (
    1: 46px,
    2: 36px,
    3: 32px,
    4: 28px,
);

$heading-section-font-weight: $font-weight-semiBold;
$heading-section-line-height: 1.5;

<h1 class="heading-text-1">Heading Text 1</h1>
<h1 class="heading-text-2">Heading Text 2</h1>

You can customize with SASS Map $heading-text-font-sizes and 2 variable $heading-text-font-weight

$heading-text-font-sizes: (
    1: 19px,
    2: 14px,
);

$heading-text-font-weight: $font-weight-normal;